<template>
  <div>
    <CommonHead></CommonHead>
    <div class="personal">
      <div class="personal-banner">
        <img src="@/assets/img/15.jpg" alt="" class="w100" />
      </div>
      <div class="con">
        <div class="clearfix">
          <PersonalLeft></PersonalLeft>
          <div class="fr personal-re">
            <ul class="personal-re-ul">
              <li class="active">
                <a href="">创作（22） </a>
              </li>
              <li>
                <a href="">收藏（22） </a>
              </li>
              <li>
                <a href=""> 动态（22） </a>
              </li>
              <li>
                <a href="">资料 </a>
              </li>
              <li>
                <a href="">更换主题</a>
              </li>
            </ul>
            <div class="personal-re-cons">
              <p class="personal-re-p">创作</p>
            </div>
            <div class="personal-re-data clearfix">
              <div class="fl date-input">
                <input type="date" />
              </div>
              <div class="fr overall-btn">
                <a href="">草稿箱(3)</a>
                <a href="">新增作品</a>
              </div>
            </div>
            <div class="personal-div">
              <div class="row">
                <div class="col-sm-4">
                  <div class="case-div">
                    <div class="case-img pr">
                      <a href="/designerdetails">
                        <img src="@/assets/img/1.jpg" alt="" class="w100" />
                      </a>
                      <div class="give-box pa">
                        <a href="" class="give-a"> <i class="iconfont icon-dianzan_kuai"></i> </a>
                        <a href="" class="collect-a"> <i class="iconfont icon-shoucang"></i> </a>
                      </div>
                    </div>
                    <div class="case-bot">
                      <p class="case-title">
                        <a href="/designerdetails">纺织行业通用高端PSD模板</a>
                      </p>
                      <div class="personal-date clearfix">
                        <p class="case-bq fl">发布日期：2023-03-08</p>
                        <div class="case-website fr">
                          <a href="">修改</a>
                          <a href="">删除</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4">
                  <div class="case-div">
                    <div class="case-img pr">
                      <a href="/designerdetails">
                        <img src="@/assets/img/3.jpg" alt="" class="w100" />
                      </a>
                      <div class="give-box pa">
                        <a href="" class="give-a"> <i class="iconfont icon-dianzan_kuai"></i> </a>
                        <a href="" class="collect-a"> <i class="iconfont icon-shoucang"></i> </a>
                      </div>
                    </div>
                    <div class="case-bot">
                      <p class="case-title">
                        <a href="/designerdetails">纺织行业通用高端PSD模板</a>
                      </p>
                      <div class="personal-date clearfix">
                        <p class="case-bq fl">发布日期：2023-03-08</p>
                        <div class="case-website fr">
                          <a href="">修改</a>
                          <a href="">删除</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4">
                  <div class="case-div">
                    <div class="case-img pr">
                      <a href="/designerdetails">
                        <img src="@/assets/img/2.jpg" alt="" class="w100" />
                      </a>
                      <div class="give-box pa">
                        <a href="" class="give-a"> <i class="iconfont icon-dianzan_kuai"></i> </a>
                        <a href="" class="collect-a"> <i class="iconfont icon-shoucang"></i> </a>
                      </div>
                    </div>
                    <div class="case-bot">
                      <p class="case-title">
                        <a href="/designerdetails">纺织行业通用高端PSD模板</a>
                      </p>
                      <div class="personal-date clearfix">
                        <p class="case-bq fl">发布日期：2023-03-08</p>
                        <div class="case-website fr">
                          <a href="">修改</a>
                          <a href="">删除</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4">
                  <div class="case-div">
                    <div class="case-img pr">
                      <a href="/designerdetails">
                        <img src="@/assets/img/4.jpg" alt="" class="w100" />
                      </a>
                      <div class="give-box pa">
                        <a href="" class="give-a"> <i class="iconfont icon-dianzan_kuai"></i> </a>
                        <a href="" class="collect-a"> <i class="iconfont icon-shoucang"></i> </a>
                      </div>
                    </div>
                    <div class="case-bot">
                      <p class="case-title">
                        <a href="/designerdetails">纺织行业通用高端PSD模板</a>
                      </p>
                      <div class="personal-date clearfix">
                        <p class="case-bq fl">发布日期：2023-03-08</p>
                        <div class="case-website fr">
                          <a href="">修改</a>
                          <a href="">删除</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4">
                  <div class="case-div">
                    <div class="case-img pr">
                      <a href="/designerdetails">
                        <img src="@/assets/img/6.jpg" alt="" class="w100" />
                      </a>
                      <div class="give-box pa">
                        <a href="" class="give-a"> <i class="iconfont icon-dianzan_kuai"></i> </a>
                        <a href="" class="collect-a"> <i class="iconfont icon-shoucang"></i> </a>
                      </div>
                    </div>
                    <div class="case-bot">
                      <p class="case-title">
                        <a href="/designerdetails">纺织行业通用高端PSD模板</a>
                      </p>
                      <div class="personal-date clearfix">
                        <p class="case-bq fl">发布日期：2023-03-08</p>
                        <div class="case-website fr">
                          <a href="">修改</a>
                          <a href="">删除</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4">
                  <div class="case-div">
                    <div class="case-img pr">
                      <a href="/designerdetails">
                        <img src="@/assets/img/7.jpg" alt="" class="w100" />
                      </a>
                      <div class="give-box pa">
                        <a href="" class="give-a"> <i class="iconfont icon-dianzan_kuai"></i> </a>
                        <a href="" class="collect-a"> <i class="iconfont icon-shoucang"></i> </a>
                      </div>
                    </div>
                    <div class="case-bot">
                      <p class="case-title">
                        <a href="/designerdetails">纺织行业通用高端PSD模板</a>
                      </p>
                      <div class="personal-date clearfix">
                        <p class="case-bq fl">发布日期：2023-03-08</p>
                        <div class="case-website fr">
                          <a href="">修改</a>
                          <a href="">删除</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4">
                  <div class="case-div">
                    <div class="case-img pr">
                      <a href="/designerdetails">
                        <img src="@/assets/img/8.jpg" alt="" class="w100" />
                      </a>
                      <div class="give-box pa">
                        <a href="" class="give-a"> <i class="iconfont icon-dianzan_kuai"></i> </a>
                        <a href="" class="collect-a"> <i class="iconfont icon-shoucang"></i> </a>
                      </div>
                    </div>
                    <div class="case-bot">
                      <p class="case-title">
                        <a href="/designerdetails">纺织行业通用高端PSD模板</a>
                      </p>
                      <div class="personal-date clearfix">
                        <p class="case-bq fl">发布日期：2023-03-08</p>
                        <div class="case-website fr">
                          <a href="">修改</a>
                          <a href="">删除</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4">
                  <div class="case-div">
                    <div class="case-img pr">
                      <a href="/designerdetails">
                        <img src="@/assets/img/9.jpg" alt="" class="w100" />
                      </a>
                      <div class="give-box pa">
                        <a href="" class="give-a"> <i class="iconfont icon-dianzan_kuai"></i> </a>
                        <a href="" class="collect-a"> <i class="iconfont icon-shoucang"></i> </a>
                      </div>
                    </div>
                    <div class="case-bot">
                      <p class="case-title">
                        <a href="/designerdetails">纺织行业通用高端PSD模板</a>
                      </p>
                      <div class="personal-date clearfix">
                        <p class="case-bq fl">发布日期：2023-03-08</p>
                        <div class="case-website fr">
                          <a href="">修改</a>
                          <a href="">删除</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4">
                  <div class="case-div">
                    <div class="case-img pr">
                      <a href="/designerdetails">
                        <img src="@/assets/img/10.jpg" alt="" class="w100" />
                      </a>
                      <div class="give-box pa">
                        <a href="" class="give-a"> <i class="iconfont icon-dianzan_kuai"></i> </a>
                        <a href="" class="collect-a"> <i class="iconfont icon-shoucang"></i> </a>
                      </div>
                    </div>
                    <div class="case-bot">
                      <p class="case-title">
                        <a href="/designerdetails">纺织行业通用高端PSD模板</a>
                      </p>
                      <div class="personal-date clearfix">
                        <p class="case-bq fl">发布日期：2023-03-08</p>
                        <div class="case-website fr">
                          <a href="">修改</a>
                          <a href="">删除</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <FootCopyright></FootCopyright>
  </div>
</template>
